<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试jquery</title>
    <script src="js/jquery.min.js"></script>
</head>
<body>

<p>如果你点击“隐藏” 按钮，我将会消失。
    <a href="img/11.jpg">你爱喝
    <span>new</span>
    </a>
</p>
<button id="hide">隐藏</button>
<button id="show">显示</button>
<button onclick="nw()">获取a标签的内容</button>
<form>
    编号：<input id="username" type="text" name="username"/><br/>
    密码：<input id="password" type="password" name="password"/><br/>
    <input type="submit" value="登陆" onclick="ne1()"/><br/>
</form>
</body>
<script type="text/javascript">
    $(document).ready(function(){
        $("p").click(function(){
            $(this).hide();
        });
    });
    $(document).ready(function(){
        $("#hide").click(function(){
            $("p").hide();
        });
        $("#show").click(function(){
            $("p").show();
        });
    });
    function nw() {
        //获取a标签的内容
        var test=$("p a").html();
        //获取a标签的文本内容
        var text=$("p a").text();
        //获取a标签中href的属性值
        var shuxingzhi=$("p a").attr("href");
        alert(test);
        alert(text);
        alert(shuxingzhi);
    };
    function ne1() {
        var username=$("#username").val();
        var password=$("#password").val();
        if(username==null||username==""||password==null||password==""){
            alert("账号密码必须填");
        } else{
            alert("账号："+username+"密码："+password);
        }
    }
</script>
</html>